<template>
	<v-layout title="生产线可视化平台">
		<div class="body-box">
			<!-- 第一行数据 -->
			<div class="content-box">
				<ItemWrap title="任务通过率">
					<centerLeft1 />
				</ItemWrap>
				<ItemWrap title="地图数据">
					<centerLeft2 />
				</ItemWrap>
				<ItemWrap title="">
					<center2 />
				</ItemWrap>
				<ItemWrap title="产品销售渠道分析">
					<centerRight2 />
				</ItemWrap>
				<ItemWrap title="任务完成排行榜">
					<centerRight1 />
				</ItemWrap>
			</div>

			<!-- 第二行数据 -->
			<div class="content-box-col2">
				<ItemWrap title="数据统计图">
					<bottomLeft />
				</ItemWrap>
				<ItemWrap title="工单修复以及满意度统计图">
					<bottomRight />
				</ItemWrap>
			</div>
		</div>
	</v-layout>
</template>

<script>
import VLayout from '../components/v-layout';
import ItemWrap from '../components/item-wrap';

import centerLeft1 from './centerLeft1';
import centerLeft2 from './centerLeft2';
import centerRight1 from './centerRight1';
import centerRight2 from './centerRight2';
import center2 from './center2';
import bottomLeft from './bottomLeft';
import bottomRight from './bottomRight';

export default {
  components: {
    VLayout,
    ItemWrap,

    centerLeft1,
    centerLeft2,
    centerRight1,
    centerRight2,
    center2,
    bottomLeft,
    bottomRight,
  },
  data() {
    return {
    };
  },
  mounted() {
  },
  methods: {
  }
}
</script>

<style lang="scss" scoped>
@import '@/assets/scss/v_style.scss';
@import '@/assets/scss/v_index.scss';
</style>
